<?php
// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
$template_dir = $this->baseurl.'/templates/'.$this->template.'/';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="templates/dyrecoach/images/icon.ico" />
<link rel="stylesheet" type="text/css" href="templates/dyrecoach/css/style.css"/>
<!--[if IE]>
<link href="src/css/ie.css" rel="stylesheet" type="text/css" />
<!--[if IE 9]>
<link href="templates/dyrecoach/css/ie9.css" rel="stylesheet" type="text/css" />

<!--[if lt IE 9]>
<link href="templates/dyrecoach/css/ie78.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 7]>
<link href="templates/dyrecoach/css/ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->
<script type="text/javascript" src="templates/dyrecoach/js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="templates/dyrecoach/js/jquery.easing.js"></script>
<script type="text/javascript" src="templates/dyrecoach/js/jquery.carouFredSel-5.2.1-packed.js"></script>
<script type="text/javascript" src="templates/dyrecoach/js/jquery.cycle.all.js"></script>
<script type="text/javascript" src="templates/dyrecoach/js/init.js"></script>
<script type="text/javascript" src="templates/dyrecoach/js/jquery.validate.js"></script>
</head>
<body>

<div class="max-container" id="max-container-header">
<div class="header clear-fix">
	<div class="logo">
		<h2><a href="index.php">Dyrecoach homepage</a></h2>
	</div><!-- end logo -->
	<div class="navigation ie9">		
		<jdoc:include type="modules" name="menu" />
		<div class="clear"></div>
	</div><!-- end navigation -->
</div>
	
	
</div><!-- end max container  -->
<div class="max-container" id="max-container-content">
<div class="content clear-fix">
<div class="slider clear-fix">
	<ul>
<?php 	
$db =&JFactory::getDBO();
$query = "SELECT * FROM #__banner WHERE catid=34 ";
$db->setQuery($query);
$row1 = $db->loadObjectList(); 
for($i=0;$i<count($row1);$i++){
        ?>
        <li><a href="<?php echo $row1[$i]->clickurl ?>"><img class="border-1 shadow-1" src="images/thumb/timthumb.php?src=images/banners/<?php echo $row1[$i]->imageurl ?>&w=900&h=265&zc=1"/></a></li>
  <?php          
    } 
  ?>     
	</ul>
</div>
<div class="content-section">
	 <jdoc:include type="component" />
    <!-- end max content -->
</div><!--  end max container content -->
</div>

<div class="max-container" id="max-container-footer">
<div class="footer">
	
	{module foot}	
	<!-- <div class="footer-left">
		<p id="footer-left-up">Dyrecoach.dk , industrivej 6,  6870 Ølgod - Email: <a href="mailto:info@dyrecoach.dk">info@dyrecoach.dk</a></p>
		<p>Copyright © 2011 Dyrecoach.dk All rights reserved.</p>
	</div> -->
	<div class="footer-right">
		<a href="http://mywebcreations.dk" target="_blank">Design by My Web Creations</a>
	</div>
</div>
</div><!-- end max container footer -->
<style>
img{border: none;}
.bg_alert{ width:270px; height:115px; background:url(templates/dyrecoach/images/bg_alert.png) no-repeat top left; margin:0px auto; padding:15px 0px 0px 83px; color:#000;}
.m35l{ margin-left:35px;}
</style>
<script type="text/javascript">
	jQuery(document).ready(function(cash) {
		if(jQuery("#system-message  ul li").html() != null) {
			$('#alert').html(jQuery("#system-message  ul li").html());
			$('#backoverlay').show();
			$('#show_popup').show();	  
		};
		close_popup=function(){		
			var fel=$('#f_focus').html();
			$('#backoverlay').hide();
			$('#show_popup').hide();
			$('#' + fel ).focus();
		};
	});
</script>
<div class="bg_alert" id="show_popup" style="display:none; position: fixed; top: 35%; left: 50%; z-index:10001; margin-left:-140px;">
<span id="f_focus" style="display:none;"></span>
<!--<div style="padding: 3px 20px 10px 15px; min-height: 60px; font-size: 11px; margin: 0; " id="alert"></div>  --> <div style="margin:0; padding-top:12px; padding-right: 15px; min-height:60px; font-size: 12px;" id="alert"></div>
<div style="padding-left: 40px;"><a href="javascript:void(0);" onclick="close_popup();"><img src="templates/dyrecoach/images/bt_luk1.png" alt="" /></a></div>
</div>
<div style="display: none;position: fixed; top: 0;left: 0;width: 100%;height: 100%;background-color: #000000;z-index:10000;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);" id="backoverlay"></div>
</body>
</html>